<template>
  <v-page class="bg-light">
    <view class="m-t-md">
      <view class="cell rounded-md color-panel-1 bohai">
        <view class="icon iconfont rounded-max"> &#xe651; </view>
        <view class="txt">
          <p class="fn-14">渤海银行</p>
          <span class="fn-10 color-tips">储蓄卡</span>
        </view>
        <view class="fn-18 num"> ***** ***** ***** 4125 </view>
      </view>
    </view>
  </v-page>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.cell {
  width: 670rpx;
  height: 254rpx;
  margin: 0 auto;
  padding: 46rpx 28rpx;
  &.bohai {
    background-color: #00428e;
  }

  .icon {
    display: flex;
    width: 54rpx;
    height: 54rpx;
    background: rgba(255, 255, 255, 0.61);
    justify-content: center;
    align-items: center;
  }
}
</style>